<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8" />

        <title>gotLoop - maquette</title>
		<link rel="icon" type="image/ico" href="/img/favicon.ico" />

		<script type="text/javascript" src="/js/jquery.js"/>
		<script type="text/javascript" src="/js/jquery.easing.js"/>
		<script type="text/javascript" src="/js/gotloop.js"/>
		<style type="text/css">
		  @import url(/css/style.css); 
		</style>
    </head>

    <body>
        <header>
            <div id="logo">
            	<img src="/img/gotloop.png" alt="gotLoop" />
                <h1 style="display:none;"><span class="got">got</span>Loop</h1>

                <p>share your riff!</p>
            </div>

            <ul id="menu" class="lavaLamp">
                <li><a href="/news">news</a></li>
                <li><a href="/loops">loops</a></li>
                <li><a href="/tags">tags</a></li>

                <li><a href="/archive">archive</a></li>
                <li><a href="/realtime">realtime</a></li>
                <li><a href="/user">user</a></li>
                <li><a href="/about">about</a></li>
            </ul>
        </header>

        <div id="wrapper">
            <section>
                <h2>Icones</h2>

                <ul >
                    <li><a href="/loop/comments" class=
                    "ico com">Comments</a></li>

                    <li><a href="/loop/comments/add" class=
                    "ico comadd">Add a comment</a></li>

                    <li><a href="/loop" class=
                    "ico date">Date</a></li>

                    <li><a href="#" class="ico file">File</a></li>

                    <li><a href="#" class="ico link">Link</a></li>

                    <li><a href="#" class="ico load">Loading...</a></li>

                    <li><a href="/loops/page/{noPage}" class=
                    "ico next">Next Loops</a></li>

                    <li><a href="/loops/page/{noPage}" class=
                    "ico prev">Previous Loops</a></li>

                    <li><a href="/rss" class="ico rss">gotLoop
                    RSS</a></li>

                    <li><a href="/tag/search" class="ico search">Search</a></li>

                    <li><a href="/loop/vote" class="ico star">Vote
                    !</a></li>

                    <li><a href="/tag/{tag.label}" class="ico tag">{tag.label}</a></li>

                    <li><a href="/user/{idUser}" class="ico user">User</a></li>
	            </ul>
				<div class="player">
	                <h2>Big Button</h2>
	                <a href="#" class="button off"></a>

					<a href="#" class="button loading"></a>
					<a href="#" class="button play"></a>
					<a href="#" class="button pause"></a>
	        	</div>
            
            </section>
			
			<aside>
				<dl>
					<dt class="ico load">last loops</dt>

					<dd>
						<ul>
							<li><a>1 - a</a></li>
							<li><a>2 - b</a></li>
							<li><a>3 - c</a></li>
						</ul>
					</dd>

				</dl>
				<dl>
					<dt class="ico date">Archive</dt>
					<dd>
						<ul>
							<li><a>1 - a</a></li>
							<li><a>2 - b</a></li>

							<li><a>3 - c</a></li>
						</ul>
					</dd>
				</dl>
				<dl>
					<dt class="ico star">Best Rated</dt>
					<dd>
						<ul>

							<li><a>1 - a</a></li>
							<li><a>2 - b</a></li>
							<li><a>3 - c</a></li>
						</ul>
					</dd>
				</dl>
				<dl>

					<dt class="ico rss">rss</dt>
					<dd>
						<ul>
							<li><a>1 - a</a></li>
							<li><a>2 - b</a></li>
							<li><a>3 - c</a></li>
						</ul>

					</dd>
				</dl>
			</aside>
        </div>
            <div id="footer">
                <a href="/about">gotLoop.com</a> - design and code
                by <a href="http://www.jibhaine.fr">jibHaine</a>
            </div>

    </body>
</html>

